<div id="addforumdiv" style="display:none">
        <p>请将论坛的信息发送到  luntankong@gmail.com  ，制作完成后我们将回复给您。</p>
        <p>请在邮件正文中提供论坛网址信息</p>
        <p>如果您访问的论坛需要用户名和密码请一并提供（我们保证不以任何理由向任何人透露）</p>
</div>


<div id="feedback" style="display: none; position: fixed; opacity: 1; z-index: 11000; left: 30%; top: 150px;">
			<div id="feedback-ct">
				<div id="feedback-header">
					<h2>欢迎提交您的反馈给我们</h2>
					<p>功能建议，产品问题，合作加入</p>
				</div>
				<div style="height:200px; text-align:center; padding:20px">
                 <textarea id="feedbacktextarea" name="feedback" style="width:90%" rows="6"></textarea><br>
                 <a class="btn btn-primary modal_close_btn" id="submitfeedback">提交</a>
                </div>
			</div>
</div>

<div id="login" style="display: none; position: fixed; opacity: 1; z-index: 11000; left: 30%; top: 150px;">
			<div id="login-ct">
				<div id="login-header">
					<h2>请输入此论坛的用户名和密码</h2>
				</div>

				<div style="height:200px; text-align:center; padding:20px">
                用户名：<input id="username" name="username">
                <br>
                
                <br>
                 <a class="btn btn-primary modal_close_btn" id="submitlogin">提交</a>
                </div>
                <p>用户名和密码将自动记住，如有需要请进入"设置"页面进行修改</p>
			</div>
</div>



<script language="javascript">
$(function(){
	$("#submitfeedback").click(function(){
		text = $("#feedbacktextarea").val();
		var feedbackqueue = new Firebase('https://luntankong.firebaseIO.com/').child("feedback");
		feedbackqueue.push({id: uid, text: text});
		$('#feedbacktextarea').val("");
	});
	
	
	$("#addforumbtn").leanModal({ top : 200, overlay : 0.2, closeButton: ".modal_close" });
	$("#feedbackbtn").leanModal({ top : 200, overlay : 0.2, closeButton: ".modal_close_btn" });
})
</script>


<style>

#addforumdiv {
    width: 600px;
	padding: 30px; 
    display:none;
	background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);  
}

#addforumdiv p { color: #666; text-shadow: none; }

#feedback{
    //width: 30%;
    padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#feedback-header { background: url(/hezi/images/hd-bg.png); padding: 8px 18px 8px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#feedback-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#feedback-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }


#login{
    //width: 30%;
    padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#login-header { background: url(/hezi/images/hd-bg.png); padding: 8px 18px 8px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#login-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#login-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }


#modal { display: none; }
#modal a { background: #CCC; color: #333; font-weight: bold; padding: 5px 10px; border: none; }
#modal a:hover { background: #aaa; } 

</style>